/* 新增 */
.text-c{
  text-align:center
}
.text-r{
  text-align:right
}
.width-50{
  width: 50%;
}
.width-100{
  width: 100%;
}
/*  flex 布局 */
.pos-relative {
  position: relative;
}
.pos-absolute {
  position: absolute;
}

 /* 定义里面元素在父元素上的中间对齐方式和交叉轴上中间对齐。 */
.flex-row-between{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* // 定义里面元素在父元素上的顶部对齐方式和交叉轴上中间对齐。 */
.flex-row-start{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* // 定义属性在主轴的垂直方向 中间对齐 */
.flex-row-column{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  flex-direction: column;
  align-items: center;
}
.flex-row-end{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-row-center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-row-around{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-column-between{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-column-around{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.flex-column-start{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.flex-column-center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* // 一行的时候显示点点点 */
.text-ellipsis {
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.flex-1 {
  flex: 1;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-left {
  align-items: flex-start;
}
.flex-end {
  align-items: flex-end;
}
.flex-between {
  justify-content: space-between;
}



/*  新增 */


.bor-r50{
  border-radius: 50%;
}

/*  margin right */
.MR-1 {
margin-right: 1px;
}

.MR-2 {
margin-right: 2px;
}

.MR-3 {
margin-right: 3px;
}

.MR-4 {
margin-right: 4px;
}

.MR-5 {
margin-right: 5px;
}

.MR-10 {
margin-right: 10px;
}

.MR-15 {
margin-right: 15px;
}

.MR-20 {
margin-right: 20px;
}
/*  margin left */
.ML-1 {
margin-left: 1px;
}

.ML-2 {
margin-left: 2px;
}

.ML-3 {
margin-left: 3px;
}

.ML-4 {
margin-left: 4px;
}

.ML-5 {
margin-left: 5px;
}

.ML-10 {
margin-left: 10px;
}

.ML-15 {
margin-left: 15px;
}

.ML-20 {
margin-left: 20px;
}
/* margin bottom */
.MB-1 {
margin-bottom: 1px;
}

.MB-2 {
margin-bottom: 2px;
}

.MB-3 {
margin-bottom: 3px;
}

.MB-4 {
margin-bottom: 4px;
}

.MB-5 {
margin-bottom: 5px;
}

.MB-10 {
margin-bottom: 10px;
}

.MB-15 {
margin-bottom: 15px;
}

.MB-20 {
margin-bottom: 20px;
}
/*  margin top */
.MT-1 {
margin-top: 1px;
}

.MT-2 {
margin-top: 2px;
}

.MT-3 {
margin-top: 3px;
}

.MT-4 {
margin-top: 4px;
}

.MT-5 {
margin-top: 5px;
}

.MT-10 {
margin-top: 10px;
}

.MT-15 {
margin-top: 15px;
}

.MT-20 {
margin-top: 20px;
}
/* padding */
.PD-15 {
padding: 30rpx;
}

.PD-LR-20 {
padding: 0 20rpx;
}

.PR-5 {
padding-right: 10rpx;
}

.PR-10 {
padding-right: 20rpx;
}

.PR-15 {
padding-right: 30rpx;
}

.PR-20 {
padding-left: 40rpx;
}

.PL-5 {
padding-left: 10rpx;
}

.PL-10 {
padding-left: 20rpx;
}

.PL-15 {
padding-left: 30rpx;
}

.PL-20 {
padding-left: 40rpx;
}

.PB-5 {
padding-bottom: 10rpx;
}

.PB-10 {
padding-bottom: 20rpx;
}

.PB-15 {
padding-bottom: 30rpx;
}

.PB-20 {
padding-bottom: 40rpx;
}

.PT-5 {
padding-top: 10rpx;
}

.PT-10 {
padding-top: 20rpx;
}

.PT-15 {
padding-top: 30rpx;
}

.PT-20 {
padding-top: 40rpx;
}
/* border */
.border {
border-color: #E5E5E5;
border-style: solid;
}

.border-T {
border-top: 1rpx solid #E5E5E5;
}

.border-R {
border-right: 1rpx solid #E5E5E5;
}

.border-B {
border-bottom: 1rpx solid #E5E5E5;
}

.border-L {
border-left: 1rpx solid #E5E5E5;
}

/* 颜色库 */
.text-black {
  color: #000 !important;
}
.text-main {
  color: #333 !important;
}
.text-red {
  color: #f20000 !important;
}
.text-yellow {
  color: #F5a623 !important;
}
.text-gold{
  color: #F5AB30 !important;
}
.text-green {
  color: #38aa00 !important;
}
.text-blue {
  color: #65A4F4 !important;
}
.text-white{
  color: #fff !important;
}
.text-cyan{
  color: #31B8F6 !important;
}

.text-orange {
  color: #E24200 !important;
}

.text-deep-orange {
  color: #ff7043 !important;
}
.text-lightBlue {
  color: #2dbfe4 !important;
}
.text-gray {
  color: #c8c8c8 !important;
}
.text-darkGrey {
  color: #BCBCBC !important;
}
.text-666{
  color: #666 !important;
}
.text-sliver {
  color: #A1A1A1 !important;
}


.text-wx {
  color: #2baf2b !important;
}
.text-zhifubao {
  color: #29b6f6 !important;
}

/* 线框按钮 */
.btn-blue-line {
  border: 1px solid #65A4F4;
  color: #65A4F4;
}
.btn-blue-line:active {
  background-color: #1973bf;
  color: #fff;
}
.btn-red-line {
  border: 1px solid #f20000;
  color: #f20000;
}
.btn-red-line:active {
  background-color: #f20000;
  color: #fff;
}
.btn-orange-line {
  border: 1px solid #ff8a00;
  color: #ff8a00;
}
.btn-orange-line:active {
  background-color: #ff8a00;
  color: #fff;
}
.btn-gray-line{
  border: 1px solid #C4C4C4;
  color: #1d1d1d;
}
.btn-gray-line:active{
  background-color: #C4C4C4;
  color: #fff;
}
.btn-green-line{
  border: 1px solid #259B24;
  color: #259B24;
}
.btn-green-line:active{
  background-color: #259B24;
  color: #fff;
  transition: all .2s;
}

.btn{
  border-radius: 100rpx;
  padding: 0;
  &::after,&::before{
      display: none
  }
}
/* 实心按钮 */
.btn[disabled],.btn[disabled="disabled"]{
  background: #E5E5E5 !important;
  border: 1px solid #D8D8D8 !important;
  box-sizing: border-box;
  color:#aaa ;
}
.btn-backGray{
  border: 1px solid #EFF3F8;
  background-color: #EFF3F8;
  color: #BCBCBC
}
.btn-gray {
  border: 1px solid #cccccc !important;
  background-color: #cccccc !important;
  color: #fff !important;
}
.btn-green {
  border: 1px solid #38aa00;
  background-color: #38aa00 !important;
  color: #fff;
}
.btn-green:active {
  border: 1px solid #2f8e00;
  background-color: #2f8e00;
}
.btn-blue {
  border: 1px solid #65A4F4;
  background-color: #65A4F4;
  color: #fff !important;
}
.btn-blue:active {
  border: 1px solid #356aba;
  background-color: #356aba;
}
.btn-tint {
  border: 1px solid #BAE4A5;
  background-color: #BAE4A5;
  color: #fff;
}
.btn-tint:active {
  border: 1px solid #BAE4A5;
  background-color: #BAE4A5;
}
.btn-red {
  border: 1px solid #f20000;
  background-color: #f20000;
  color: #fff;
}
.btn-red:active {
  border: 1px solid #f20000;
  background-color: #f20000;
}
.btn-white {
  border: 1px solid #ccc;
  background-color: #fff;
  color: #666;
}
.btn-white:active {
  background-color: #1973BF;
  border-color: #1973BF;
  color: #fff !important;
}
.btn-lightGray{
  color: #999;
  border: 1px solid #d8d8d8;
}
.btn-lightGray:active{
  background-color: #f5f5f5;
}

.btn-cyan{
  border: 1px solid #31B8F6;
  color: #fff !important;
  background: #31B8F6 !important;
}

.btn-orange{
  border: 1px solid orange;
  color: #fff !important;
  background: orange !important;
}

.btn-deep-orange{
  border: 1px solid #ff7043;
  color: #fff !important;
  background: #ff7043 !important;
}

.btn-light-green{
  border: 1px solid #C4C4C4;
  color: #fff;
  background-color: #2BAF2B;
}
.btn-disabled {
  color: #ccc !important;
  background-color: #eaeaea !important;
  border-color: #ddd !important;
}


/* 小图标 */
.icon-blue {
  color: #65A4F4;
}

/* 背景 */
.bg-lightGray {
  background-color: #f5f5f5;
}
.bg-orange {
  background-color: #ff8a00 !important;
}
.bg-red {
  background-color: #f20000 !important;
}

.bg-gray {
  background-color: #C4C4C4 !important;
}

.bg-green{
  background-color:green !important;
}

.bg-white{
  background-color:#fff !important;
}

/* 边框 */
.border-red {
  border-color: #f20000 !important;
}

.border-gray {
  border-color: #eee;
}

.border-blue{
  border-color: #1973bf !important;
}

/*新增*/
.pos-relative {
  position: relative;
}
.pos-absolute {
  position: absolute;
}



/* // 定义属性在主轴的垂直方向 中间对齐 */
.flex-row-column{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  flex-direction: column;
  align-items: center;
}
.flex-row-end{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-row-center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-row-around{
display: flex;
flex-flow: row;
justify-content: space-around;
align-items: center;
}


.flex-column-between{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-column-around{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.flex-column-start{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.flex-column-center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-column-end{
display: flex;
flex-flow: column;
justify-content: flex-end;
align-items: flex-end;
}
.height100{
  height: 100%;
}
.hidden{
  display: none;
}